<template>
<div>
    <Menu active-name="1" theme="dark" width="auto">
                <Submenu name="1">
                    <template slot="title">
                        <Icon type="ios-paper"></Icon>
                        学习
                    </template>

                    <Menu-item v-for="(item,index) in router" :key="index" :name="1-index" :to="item.path">{{item.meta.title}}</Menu-item>
                </Submenu>
            </Menu>
</div>
</template>
<script>
import {routes,asyncRoutes} from '@/router/index'
    export default {
        data () {
            return {
                theme3: 'light',
                routes,
                asyncRoutes,
            }
        },
        methods:{
            
        },
       computed:{
            router:function(){
                // let new_router=this.routes[1].children;
                var c=this.routes[1].children
                return c 
            }
        }
    }
</script>
